<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>顺风车订单</title>
<link rel="stylesheet" href="${cxt}/css/xw_order.css" />
<script src="${cxt }/js/jquery.js"></script>
<script>
	$(function(){
		$(".gopay-blue").click(function(){
			if(!confirm("是否确认提交?")){
				return false;
			}
			
		})
		
	})
</script>
</head>
<body class="f2f3f5">
	<div class="orderDetails" style="width: auto;">
		<div class="order-head">
			<div class="order-con">
				<a href="#" target="_blank" class="order-logo"></a>
				<div class="head-r">
					<div class="order-phonebox">
						<span class="phone-icon"></span>
						<div class="phone-shad">
							<img src="${cxt}/img/xw_zc_gaphone.png" />
						</div>
					</div>
					<ul class="head-info">
						<li><a href="#"> 欢迎您 <i>xxx</i>
						</a></li>
						<li><a href="#">我的订单</a></li>
						<li class="nobrd"><a href="#">退出</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="order-proce">
			<div class="order-con">
				<img src="${cxt}/img/xw_order_proce.png" class="order-proce-i">
				<c:forEach items="${motocarmodels }" varStatus="status" var="carmodel">
					<div class="car-info" style="margin-top: 20px;">

						<div class="ifl" style="border: none; width: 100%;">
							<img src="${cxt }/${carmodel.picurl }" width="180" height="105" />
							<div class="lin" style="float: left; margin-top: 20px;">
								<p class="lp1">${carmodel.carname }</p>
								<p class="lp2">乘坐${carmodel.personnum }人</p>

							</div>
							<div style="float: left; margin-top: 45px; margin-left: 50px;">
								<p class="bdr_title">取车时间：${bookTime }</p>
								<p class="bdr_title">数量：${carmodel.num}辆</p>
							</div>
							<div style="float: right; margin-right: 50px; margin-top: 60px;">
								豪华车组</div>
						</div>
					</div>
				</c:forEach>
			</div>
		</div>


		<form action="mycenter" method="post" id="order">
			<div class="order-conf">
				<div class="order-con">


					<div class="info-msg">
						<p>下单成功后，提醒信息会发送至手机</p>
					</div>
					<div class="papers-tip">
						<p>取车时,出示以下证件的原件：本人二代身份证、本人国内有效驾驶证正副本、本人一张信用及可用额度均不低于3000元的国内有效信用卡，所有证件有效期须至少超过当次租期的两个月以上。</p>
					</div>
					<div>
						<h3>费用明细及限程</h3>
						<ul class="h3h feeul">
							<li><span class="fee-txt">顺风车（车辆租赁及门店服务费、基本保险费、手续费）</span> <span
								class="fee-res"> <i>¥</i> 111
							</span> <span class="fee-pro"></span>
								<div class="clear"></div></li>
							<li style="position: relative; z-index: 10;"><span
								class="fee-txt"> 燃油费路桥费 </span> <span class="fee-res"> 自理
							</span> <span class="fee-pro"></span>
								<div class="clear"></div></li>
							<li style="position: relative; z-index: 10;"><span
								class="fee-txt"> 限定总里程 </span> <span class="fee-res"> 自理
							</span> <span class="fee-pro"></span>
								<div class="clear"></div></li>
						</ul>
					</div>
					<div class="gopay">
						<div class="paydetail">
							<span class="ddzj">订单总价</span> <span class="ddall"> <i>¥</i>
								<i class="all">${prise }</i>
							</span>
						</div>
						<a
							href="${cxt }/content/pay?jspPath=businessview/xw_order/introduction"
							class="gopay-red">支付全款</a> <a href="submitmotoOrder.order" class="gopay-blue">提交订单</a>
					</div>
				</div>
			</div>
		</form>
		<div class="order-tggz">
			<div class="order-con">
				<div class="top">顺风车规则</div>
				<dl>
					<dd>1.顺风车产品需在预订时预付全款，预付后不能退改；</dd>
					<dd>2.顺风车产品，取还城市不能更改；</dd>
					<dd>3.限租期内，优惠后总金额含车辆租赁费及门店服务费、基本保险费、手续费；</dd>
					<dd>4.如需可选服务，另外计费；</dd>
					<dd>5.超出限制里程，按1元/公里收取超里程服务费；</dd>
					<dd>6超出限制租期，需支付超时服务费：超时4小时以内，按小时收取超时服务费，每小时赠送20km里程；超时4小时以上，按正常价格按天收取车辆租赁费及门店服务费、基本保险及可选服务等费用，同时赠送不限里程；</dd>
					<dd>7.取车或还车时间在21:00-次日8:00之间，每次需支付50元夜间服务费；</dd>
					<dd>8.顺风车不与其他优惠活动同时享受。</dd>
				</dl>
			</div>
		</div>
	</div>
	<div class="order_footer">
		<p>
			<a href="#">关于我们</a> | <a href="#" target="_blank">投资者关系</a> | <a
				href="#" target="_parent">新闻中心</a> | <a href="#" target="_blank">加盟合作</a>
			| <a href="#" target="_parent">隐私保护</a> | <a href="#"
				target="_parent">网站导航</a> | <a href="#" target="_parent">联系我们</a> |
			<a href="#" target="_blank">招贤纳士</a>
		</p>
		<p>
			<a target="_blank" href="#" class="sz_k"></a> <a target="_blank"
				href="#" class="sz_c"></a>
		</p>
		<p>Copyright©2008-2017 www.zuche.com All Rights Reserved.</p>
		<p>如果您对神州租车网站有任何意见,欢迎发送邮件到 1456073180@qq.com</p>
		<p>北京神州汽车租赁有限公司 京ICP备10005002号 | 京公网安备号 11010502026705</p>
	</div>
</body>
</html>